<!--
 * @Author: 卡卡 1071780426@qq.com
 * @Date: 2022-11-30 13:39:23
 * @LastEditors: 卡卡 1071780426@qq.com
 * @LastEditTime: 2022-11-30 13:41:58
 * @FilePath: \mould\src\components\public\kalacloudExportExcel.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
    <div class="result-table">
        <!-- <b-table striped hover bordered :items="items"></b-table> -->
        <button type="button" class="kalacloudExportExcel-button">导出至 Excel</button>
    </div>
</template>

<style scoped>
.result-table {
    width: 70%;
    text-align: center;
}

.kalacloudExportExcel-button {
    background-color: DodgerBlue;
    border: none;
    color: white;
    padding: 12px 30px;
    margin: 12px 0;
    cursor: pointer;
    font-size: 20px;
}

.kalacloudExportExcel-button:hover {
    background-color: RoyalBlue;
}
</style>

<script>
// import { BTable } from 'bootstrap-vue';
export default {
    name: 'kalacloudExportExcel',
    components: {
        // BTable
    },
    data() {
        return {
            items: [
                { '姓名': '谢国庆', '年龄': 29, '电话': '13697653219' },
                { '姓名': '吕小果', '年龄': 25, '电话': '13235789213' },
                { '姓名': '宋阿美', '年龄': 27, '电话': '13756776977' },
                { '姓名': '蒋铁柱', '年龄': 33, '电话': '15003373377' }
            ]
        }
    },
}
</script>
